* { padding: 0; margin: 0; }
html, body { height: 100%; font-size: 14px;font-family: PingFang SC,Arial,Microsoft YaHei,sans-serif;color: #333;}
.w1200 { width: 1200px; margin: 0 auto;}
a { text-decoration: none;  color: #333;}
*,*:focus,*:hover, input{ outline:none; }
::-webkit-scrollbar { width: 0px; }
::-webkit-scrollbar-track { border-radius: 8px; }
::-webkit-scrollbar-thumb { border-radius: 8px; background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }
::-webkit-scrollbar-thumb:active { background: #999; }

#app, .container { height: 100%; }

@font-face {
    font-family: 'iconfont';  /* Project id 2151304 */
    src: url('//at.alicdn.com/t/font_2151304_j7r4ihj6k1.woff2?t=1636426479886') format('woff2'),
         url('//at.alicdn.com/t/font_2151304_j7r4ihj6k1.woff?t=1636426479886') format('woff'),
         url('//at.alicdn.com/t/font_2151304_j7r4ihj6k1.ttf?t=1636426479886') format('truetype');
  }

.iconfont {
    display: inline-block;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    color: #999;
}

.icon-playnum:before {
    content: "\e848";
}
.icon-placeholder:before {
    content: "\e62f";
}
.icon-video:before {
    content: "\e64e";
}
.icon-play:before {
    content: "\e737";
}
.icon-search:before {
    content: "\e634";
}
.icon-pwd:before {
    content: "\e678";
}
.icon-phone:before {
    content: "\e6c7";
}
.icon-quit:before {
    content: "\e69b";
}
.icon-set:before {
    content: "\e60a";
}
.icon-home:before {
    content: "\e62b";
}
.icon-grade:before {
    content: "\e64d";
}
.icon-arrow:before {
    content: "\e733";
}
.icon-closed:before {
    content: "\e61a";
}
.icon-tag:before {
    content: "\e78b";
}
.icon-comment:before {
    content: "\e63d";
}
.icon-praise:before {
    content: "\e601";
}
.icon-add-list:before {
    content: "\e681";
}
.icon-share:before {
    content: "\e614";
}
.icon-audio-prev:before {
    content: "\e849";
}
.icon-audio-next:before {
    content: "\e6a6";
}
.icon-audio-pause:before {
    content: "\e6a5";
}
.icon-audio-play:before {
    content: "\e6a4";
}
.icon-del:before {
    content: "\e68b";
}
.icon-single-cycle:before {
    content: "\e66d";
}
.icon-loop:before {
    content: "\e66c";
}
.icon-shuffle:before {
    content: "\e66b";
}
.icon-collect:before {
    content: "\e665";
}
.icon-collect-active:before {
    content: "\e6db";
}
.icon-volume:before {
    content: "\e8b9";
} 
.icon-volume-active:before {
    content: "\e8b8";
}
.icon-playlist:before {
    content: "\e6a8";
}
.icon-pause:before {
    content: "\e73b";
}
.icon-add:before {
    content: "\e607";
}
.icon-vip:before {
    content: "\e676";
}
.icon-lock:before {
    content: "\e610";
}
.icon-choicest:before {
    content: "\e600";
}